HTML-Tags zur Strukturierung der Anzeige

Natürlich können HTML-Seiten beliebig mit Style-Sheets formatiert werden. Es ist aber empfehlenswert (zum Beispiel für barrierefreie Web-Seiten) die HTML eigenen Tags zu verwenden. Diese haben eigene Formate, die aber ebenfalls mit Style-Sheets nach eigenem Geschmack angepasst werden können.

Titel <Hx>

x hat einen Wert von 1 bis 6

<H1> Überschrift 1 </H1>

<H2> Überschrift 2 </H2>

<H3> Überschrift 3 </H3>

<H4> Überschrift 4 </H4>

<H5> Überschrift 5 </H5>
<H6> Überschrift 6 </H6>

Trennen

Die Trennzeichen brauchen kein Endtag
<br> Fügt eine neue Zeile ein
<hr> Fügt eine Linie und eine neue Zeile ein

Schrift hervorheben

Es muss auch der Endtag gesetzt werden. Die Formate können auch kombiniert werden
<b>Fettschrift</b> auch <strong>
<i>Kursivschrift</i> auch <em>
<u>Unterstrichen</u>
<s>Durchgestrichen</s> auch <strike>
<sub>Tiefgestellt </sub><sup>Hochgestellt</sup>
<code>Nichtproportional (serife, monospace...)</code> auch <kbd> oder <pre> Vorteil von PRE: Leerzeichen werden berücksichtigt. Legt aber einen eigenen Abschnitt an

Weitere ähnliche Tags:
<tt>
TeleType: Nichtproportional
<dfn>, <var>, <samp>, <abbr>, <cite> usw
Hervorgrhoben: Kursivschrift
<address>
Adresse: Neuer Absatz hervorgehoben (wie PRE aber Kursivschrift)

Zitate

Für Zitate sind Q oder BLOCKQUOTE geeignet. Die Quelle (wird nur im Quelltext angezeigt) wird mit dem Attribut "cite" angegeben.
Kurze Zitate <q cite=https://de.w3docs.com/html-lernen/html-tag-q.html>Das ist jetzt das Zitat</q> verwenden.
Bei längeren Zitate wird aber ein Einzug bevorzugt. Somit bitte
<blockquote cite=https://de.w3docs.com/html-lernen/html-tag-blockquote.html>Das ist jetzt das Zitat</blockquote>
verwenden

Auflistungen

Drei mögliche Tags: OL, UL, DL (Type ist in HTML5 obsolet und wird mit CSS-Eigenschaft 'list-style-type' ersetzt.)
<ul>
Auflistung (ungeordnete Liste)
Werte für type: circle, square, disc (std.)
<ol>
Aufzählung (geordnete Liste)
Werte für type: 1 (std.), i, I, a, A
Weitere Attrubute: reversed, start
<li>
Elemente der Liste
Werte für type: circle, square, disc (std.)

<dl>
Katalog beschriebene Elemente
Kann für Glossare verwendet werden (diese Liste als Beispiel)
<dt>
Eintrag des Kataloges
Dieser Eintrag wird beschrieben
<dd>
Beschreibung
Ist die Beschreibung des Eintrages
Ob UL oder OL hat eigentlich nur für die Lesbarkeit etwas zu tun, denn beide antworten auf die selben Attribute
<ol type='1' start=1 reversed>
<li>Linie</li>
</ol>

Darstellung:
Type =

Start =

Reversed
  1. Erste Zeile
    2. Freier Text zu der ersten Zeile
  2. Zweite Zeile
  3. Dritte Zeile
  4. Vierte Zeile

Tabelle

Beschreibung Anzeigen

<table border=1> Attribute wie align (tabelle), size, border ...
<thead > Freiwillig
<tr > Attribute align (Text), size ...
<th >Titel 1</th > Titelzelle (1. Spalte) generelle Attribute. Interessant colspan
<th >Titel 2</th > Weitere Spalten
</tr > Endtag tr
</thead > Endtag thead
<tbody > Freiwillig
<tr > Attribute align (Text), size ...
<td >Daten 1</th > Datenzelle (1. Spalte) generelle Attribute. Interessant colspan
<td >Daten 2</th > Weitere Spalten
</tr > Endtag tr
<tr > Attribute align (Text), size ...
<td colspan=2>Weitere Datenzeilen</td > ....
</tr > Endtag tr
</tbody > Endtag tbody
<tfood > Freiwillig
<tr > Attribute align (Text), size ...
<td >Fusszeile 1</td > Fusszelle (1. Spalte) generelle Attribute. Interessant colspan
<td >Fusszeile 2</td > Weitere Spalten
</tr > Endtag tr
</tfood > Endtag tfood
</table > Endtag table

So sieht diese Tabelle aus:
Titel 1 Titel 2
Daten 1 Daten 2
Weitere Datenzeilen
Fusszeile 1 Fusszeile 2

Witeres Beispiel:
X Eins Zwei Drei
Eins 1 2 3
Zwei 2 4 6
Drei 3 6 9
Rest Diese Fusszeile erstreckt sich mit colspan über drei Spalten.